<template>
  <div class="v-container">
    <v-header title="EXEED星途限量尊享车主权益">
      <span class="back" @click="goBack">
        <i class="el-icon-arrow-left"></i>
      </span>
    </v-header>
    <div class="mt">
      <img src="@/assets/images/login_img.jpg" width="100%">
      <div class="six_block g-clearfix">
        <div class="ele" v-for="(data,key,index) in dataShow" v-bind:key="index">
          <div :class="['ele_inner',data.class]">
            <img :src="data.img" width="50">
            <p>{{data.h3}}</p>
          </div>
        </div>
        
      </div>
      <div class="ownInfo">
        <div class="title">
          <p><span></span>个人中心</p>
        </div>
        <div class="three_block g-clearfix">
          <div class="three_img">
            <img src="@/assets/images/ind_qy.png">
          </div>
          <div class="three_img">
            <img src="@/assets/images/ind_dd.png">
          </div>
          <div class="three_img">
            <img src="@/assets/images/ind_qm.png">
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import vHeader from "@/components/Header.vue";

export default {
  name: "index",
  components: {
    vHeader
  },
  props: {
    title: {
      type: String,
      default: "标题"
    }
  },
  data() {
    return {
      msg: "Footera",
      dataShow:[
        {
          img:require('@/assets/images/ind_01.png'),
          h3:"机场贵宾厅",
          class:"ele_bottom ele_right"
        },{
          img:require('@/assets/images/ind_02.png'),
          h3:"高铁贵宾厅",
          class:"ele_bottom ele_right"
        },{
          img:require('@/assets/images/ind_03.png'),
          h3:"机场P+R停车",
          class:"ele_bottom"
        },{
          img:require('@/assets/images/ind_04.png'),
          h3:"酒后代驾",
          class:"ele_right"
        },{
          img:require('@/assets/images/ind_05.png'),
          h3:"道路救援",
          class:"ele_right"
        },{
          img:require('@/assets/images/ind_06.png'),
          h3:"普通洗车",
          class:""
        }
      ]
    };
  },
  methods:{
    // 返回上一页
    goBack(){
      this.$router.go(-1);
    },
  }
};
</script>

<style lang="less" scoped>
@import url("./index.less");
</style>